{extend name="Public:base" /}
{block name="main"}
        <!-- 路径导航 start -->
        <ol class="breadcrumb">
          <li><i class="glyphicon glyphicon-home"></i>&nbsp;&nbsp;<a href="#">后台首页</a></li>
          <li class="active">后台管理中心</li>
        </ol>
        <!-- 路径导航 end -->

        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">曲线图</h3>
                </div>
                    <div class="panel-body"> 
                        <canvas id="myChart" width="600" height="400"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">蛛网图</h3>
                </div>
                    <div class="panel-body"> 
                        <canvas id="myChart2" width="600" height="400"></canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <table class="table table-bordered">
                            <tr><td>服务器操作系统：</td><td>Liunx</td> <td>服务器域名/IP:</td><td>183.158.33.33</td><td>服务器环境</td><td>Nginx/1.7</td></tr>
                            <tr><td>PHP版本：</td><td>7.0</td><td>Mysql版本：</td><td>5.6</td><td>GD版本:</td><td>bundled</td></tr>
                            <tr><td>文件上传限制：</td><td>128M</td><td>最大占用内存</td><td>512M</td><td>最大执行时间：</td><td>30s</td></tr>
                            <tr><td>安全模式：</td><td>No</td><td>Zlib支持：</td><td>Yes</td><td>curl支持：</td><td>YES</td></tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <table class="table table-bordered">
                        <tr>
                            <td>程序版本：</td><td>Ecode1.0</td>
                            <td>更新时间：</td><td>last-time</td>
                            <td>程序开发：</td><td>鬼谷子</td>
                        </tr>
                        <tr>
                            <td>版权所有：</td><td>鬼谷子</td>
                            <td>官方授权：</td><td>鬼谷子</td>
                            <td>官方论坛：</td><td>鬼谷子</td>
                        </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <table class="table table-bordered">
                        <tr>
                            <td>程序版本：</td><td>Ecode1.0</td>
                            <td>更新时间：</td><td>last-time</td>
                            <td>程序开发：</td><td>鬼谷子</td>
                        </tr>
                        <tr>
                            <td>版权所有：</td><td>鬼谷子</td>
                            <td>官方授权：</td><td>鬼谷子</td>
                            <td>官方论坛：</td><td>鬼谷子</td>
                        </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
{/block}
{block name="javascript"}
<script src="./javascript/Chart.js"></script>
<script>
$(function(){
        //图形图表
        //Get context with jQuery - using jQuery's .get() method.
        var ctx = $("#myChart").get(0).getContext("2d");
        //This will get the first returned node in the jQuery collection.
        //var myNewChart = new Chart(ctx);

        var data = {
            labels : ["January","February","March","April","May","June","July"],
            datasets : [
                {
                    fillColor : "rgba(220,220,220,0.5)",
                    strokeColor : "rgba(220,220,220,1)",
                    pointColor : "rgba(220,220,220,1)",
                    pointStrokeColor : "#fff",
                    data : [65,59,90,81,56,55,40]
                },
                {
                    fillColor : "rgba(151,187,205,0.5)",
                    strokeColor : "rgba(151,187,205,1)",
                    pointColor : "rgba(151,187,205,1)",
                    pointStrokeColor : "#fff",
                    data : [28,48,40,19,96,27,100]
                }
            ]
        }

        new Chart(ctx).Line(data);

        var ctx2 = $("#myChart2").get(0).getContext("2d");
        
        var data = {
            labels : ["Eating","Drinking","Sleeping","Designing","Coding","Partying","Running"],
            datasets : [
                {
                    fillColor : "rgba(220,220,220,0.5)",
                    strokeColor : "rgba(220,220,220,1)",
                    pointColor : "rgba(220,220,220,1)",
                    pointStrokeColor : "#fff",
                    data : [65,59,90,81,56,55,40]
                },
                {
                    fillColor : "rgba(151,187,205,0.5)",
                    strokeColor : "rgba(151,187,205,1)",
                    pointColor : "rgba(151,187,205,1)",
                    pointStrokeColor : "#fff",
                    data : [28,48,40,19,96,27,100]
                }
            ]
        }
        new Chart(ctx2).Radar(data);
});
</script>
{/block}